<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>订购</title>
    <link rel="stylesheet" href="css/Reset.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <!-- 订购内容 -->
    <div class="sc-order">
            <div class="info-title">
                <h2>logo</h2>
                <p>校服订购</p>
            </div>
            <div class="or-con">
                <div class="or-title">校服订购</div>
                <form action="">
                    <input type="text" placeholder="请输入您学校提供的6位编码" class="or1">
                    <select name="sex" class="or2">
                    <option value="0">请选择孩子的性别</option>
                    <option value="1">男</option>
                    <option value="2">女</option>
                    </select>
                    <button class="or-btn">进入</button>
                </form>
            </div>
    </div>
    <!-- 底部导航 -->
    <div class="bott-footer"></div>
    <div class="footer">
        <ul>
            <a href="#"><li><img src="img/sy_2.png" alt=""><p>首页</p></li></a>
            <a href="#"><li><img src="img/dg_1.png" alt=""><p class="lan">订购</p></li></a>
            <a href="#"><li><img src="img/bd_2.png" alt=""><p>补订</p></li></a>
            <a href="#"><li><img src="img/tm_2.png" alt=""><p>特卖</p></li></a>
            <a href="#"><li><img src="img/wd_2.png" alt=""><p>我的</p></li></a>
        </ul>
    </div>
</body>
</html>